<!DOCTYPE html>
<html>
    <head>
        {include file="header.tpl"}
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="assets/css/main.css">
        <link rel="stylesheet" type="text/css" href="css/find-imoveis.css">
        <link rel="stylesheet" media="screen" href="assets/fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
    </head>
    <body>
        {include file="subintro.tpl" }
        <section id="pricing-table">
            <div class="container text-center pricing-title">
                <h3>Escolha o plano ideal para seu você:</h3>
            </div>
            <div class="container">
                <div class="row">
                    <div class="pricing">
                        {foreach $plans as $plan}
                            <div class="col-md-3 col-sm-6 col-xs-6">
                                <div class="pricing-table">
                                    <div class="pricing-header" style="background-color: {$plan->getHexColor()};">
                                        <p class="pricing-title">{$plan->getTitle()}</p>
                                        <p class="pricing-rate"><sup class="money-plan">R$</sup>{$plan->getTotalPrice()}</p>
                                        <a href="#" class="btn btn-success">Contratar</a>
                                    </div>

                                        <div class="pricing-list" style="border: 1px {$plan->getHexColor()} solid;">
                                        <ul>
                                            <li class="list-plan"><i class="fa fa-picture-o list-plan" ></i>Total de imagens: {$plan->getTotalImages()}</li>
                                            <li class="list-plan"><i class="fa fa-calendar list-plan"></i>Total de dias: {$plan->getTotalDays()}</li>
                                            {if $plan->getFlagHighlight()}
                                            <li class="list-plan"><i class="fa fa-star list-plan"></i>Anúncio destaque!</li>
                                            {/if}
                                            {if $plan->getFlagFacebook()}
                                            <li class="list-plan"><i class="fa fa-facebook list-plan"></i>Anúncio Facebook!</li>
                                            {/if}
                                            {if $plan->getFlagHighlightCover()}
                                            <li class="list-plan"><i class="fa fa-diamond list-plan"></i>Anúncio Página Inicial!</li>
                                            {/if}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </section>
        {include file="footer.tpl" }
    </body>
</html>